import { createRouter, createWebHistory } from "vue-router";
import Happy from "@/views/Happy.vue";
import Hellow from "@/views/Hellow.vue";
import Baby from "@/views/Baby.vue";
import User from "@/views/User.vue";
import Baby2 from "@/views/Baby2.vue";
export const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/Happy',
      component: Happy,
      name:'Happy',
      children: [
        {
          path: 'Baby',
          component: Baby,
          name: 'creazyBaby'
        },
        {
          path:'Baby2',
          component:Baby2,
          name:'Baby2'
        }
      ]
    },
    {
      path: '/User/:id',
      component: User,
      children: [
        {
          path: 'Baby',
          component: Baby,
          name: 'Baby'
        }
      ]
    },
    {
      path: '/Hellow',
      component: Hellow,
      children: [
        {
          path: 'Baby',
          component: Baby,
          name: 'HellowBaby'
        }
      ]
    }
  ]
})